/* CSS Document */

html{ height:100%; border:none;}

body{ height:100%; border:none; padding:0; margin:0; text-align:left; font-size:16px; color:#232323; font-family:Arial, "microsoft yahei"; background:#FFF;}

div,ul,li,img,dl,dd,dt,p,h2,h3,h4{ padding:0; margin:0; border:none;}

ul,dl{list-style-type:none;}

a{ color:#232323; text-decoration:none;}

a:hover{ color:#1183d9; text-decoration:none;}

.clear{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 143px;}
.top{height: 40px;line-height: 40px; background: #f4f3f3; font-size: 14px;}
.top a{padding: 5px;}

#logo{height:100px;width: 100%;}
#logo .logo{}
#logo .logo img{max-width:100%;margin-top:8px;}
#logo .company{ padding-left: 15px; border-left: 1px solid #c4c4c4; height:70px; margin-top: 10px; padding-top: 5px; }
#logo .company h2{font-size: 32px;color: #0d77e5;font-weight: bold;}
#logo .company h3{font-size: 18px;margin-top: 5px;}
#logo .company h3 span{color: #69c248;}
#logo .tel{background: url(../images/tel.jpg) no-repeat left 35px;height: 70px;width: 320px;padding-top: 22px;}
#logo .tel span{font-size: 16px;padding-left: 50px;}
#logo .tel span i{font-family: impact;font-size: 22px;font-style: normal;display: block;padding-left:50px;}
#logo .tel p{font-size: 16px;padding-left: 5px;margin-top: -15px;}

.nav{background:#0d77e5;height: 59px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative;}
.nav ul li:last-child{margin-right: 0;}
.nav ul li a{color:#FFF;display: block;height: 59px;line-height: 59px;padding: 0 38px;position: relative;z-index: 2;}
.nav ul li a:hover,.nav ul li.on{ background: #084f96; }
.nav ul li dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li dl dt a{display:block;width:116px; height:55px; line-height:55px; text-align:center;background:#0758b3;color:#fff;}
.nav ul li dl dt a:hover{background:#0d77e5; display:block;width:116px; height:55px;}

.banner{ width:100%; height:420px; overflow:hidden; position:relative; margin:0 auto; }

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:47%;  bottom:15px; z-index:1; }

.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }

.banner .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; cursor:pointer; background:#1183d9; border-radius:8px; }

.banner .hd ul li.on{ background:#2b96e6; }

.banner .bd{ position:relative; height:100%; z-index:0; }

.banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:500px; display:block;}

.banner .bd li a{width:100%; height:500px; display:block; }



.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.banner .next{ left:auto; right:3%; background-position:8px 5px; }

.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.banner .prevStop{ display:none;  }

.banner .nextStop{ display:none;  }



.ny{ height:350px; background:url(../images/ny.jpg) no-repeat top center; overflow:hidden; width:100%;}


.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 380px; }
.pro .img img{max-width:100%;border:1px solid #ccc; }
.pro .text{ float: right; display: inline-block; width: 450px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.InfoContent table{width:90% !important;}
.product{ width:1200px; overflow:hidden; margin:13px auto;}

.product .title{ font-size:26px; height:50px; color:#2b96e6; width:132px; line-height:50px; border-bottom:1px solid #00A3E7; text-transform:uppercase; margin:0px auto; padding-top:40px; text-align: center;}

.product .title1{  font-size:14px; color:#2b96e6; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#FFF; width:87px; height:10px; margin:0 auto;text-align:center;}





.product .fenlei{ width:1200px; height:39px; margin:29px auto 10px;  font-size:16px; text-align: center;}

.product .fenlei a{ width:auto; height:37px; border:1px solid #1183d9; text-align:center;  color:#1183d9; padding:10px 5px; margin-right: 5px; border-radius: 20px;}

.product .fenlei a:hover{ width:auto; height:37px; border:1px solid #1183d9; background:#1183d9; color:#FFF; padding:10px 6px;text-align:center; }





.product dl dt{ float:left;display:inline; text-align:center; margin-left:20px; margin-top:10px; margin-bottom: 8px; }

.product dl dt img{ width:219px; height:190px;border:1px solid #ccc;padding:30px; }

.product dl dt p{  line-height:30px;}



.aboutbg{ height:615px; background:#f5f5f5 url(../images/abbg.jpg) top center no-repeat; width:100%; margin-top:40px; text-align:center;}

.aboutus{ width:1200px; height:615px; margin:0px auto;  }

.aboutus .title{ font-size:26px; height:50px; color:#fff; width:132px; line-height:50px; border-bottom:1px solid #fff; text-transform:uppercase; margin:0px auto; padding-top:40px;}

.aboutus .title1{  font-size:14px; color:#2b96e6; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#F6F6F6; width:87px; height:10px; margin:0 auto;}

.aboutus .info{ float:right; width:518px; height:255px; margin-top:30px; text-align:left;margin-right: 20px;}

.aboutus .info p{  margin:0; line-height:32px; color:#fff;}

.aboutus .info .more{ width:113px; height:35px; line-height:35px; background:#2b96e6; color:#FFF; text-align:center; margin-top:15px;border-radius: 15px;}

.aboutus .info .more a{ color:#FFF;}

.aboutus img{ float:left; width:600px; height:400px;  margin-top:40px; margin-left: 20px;}



.casebg{ width:1200px; height:410px; margin:25px auto 35px; overflow:hidden; }

.casebg .title{ font-size:26px; height:50px; color:#2b96e6; width:240px; line-height:50px; border-bottom:1px solid #00A3E7; text-transform:uppercase; margin:0px auto; padding-top:40px; text-align: center;}

.casebg .title1{  font-size:14px; color:#2b96e6; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#FFF; width:87px; height:10px; margin:0 auto;text-align:center;}

.casebg .case{ padding-top:20px; height:auto; overflow:hidden;}

.casebg  ul li{ float:left;display:inline; text-align:center; margin-right:25px; margin-top:10px;}

.casebg  ul li img{ width:270px; height:250px; border:1px solid #ccc;}



.news{ width:1200px; height:auto; margin:0px auto; text-align:center;}

.news .title{ font-size:26px; height:50px; color:#2b96e6; width:132px; line-height:50px; border-bottom:1px solid #00A3E7; text-transform:uppercase; margin:0px auto; padding-top:20px;text-align:center;}

.news .title1{  font-size:14px; color:#2b96e6; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#FFF; width:87px; height:10px; margin:0 auto;text-align:center;}

.tab{ width:1200px;  text-align:left; margin-top:18px;}

.tab .hd{ height:35px; line-height:35px; position:relative; width:300px; margin:0 auto;}

.tab .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:35px;   }

.tab .hd ul li{ float:left;cursor:pointer;  background:#fff; border:1px solid #00A3E7; border-radius: 20px;color:#00A3E7; width:122px; height:35px; text-align:center; margin:0 10px}

.tab .hd ul li.on{ height:35px;  background:#2b96e6; border:1px solid #2b96e6; color:#FFF; }

.tab .bd ul{ padding:35px 0 0 ;  zoom:1;  }

.tab .bd ul dl{ height:60px;float:left; width:48%;border-bottom:1px solid #E9E9E9; padding:15px 0 15px; margin-right:2%;}

.tab .bd ul dl dt{ float:left; width:60px;  height:60px; text-align:center; }

.tab .bd ul dl dt span{ font-family:Arial; font-size:30px;}

.tab .bd ul dl dd{ float:left; margin-left:10px; width:87%;}

.tab .bd ul dl dd h2{ margin:0; line-height:25px; text-align:left; font-size: 16px; height: 25px; overflow: hidden; font-weight: normal;}

.tab .bd ul dl dd h2 a{ color:#333;}

.tab .bd ul dl dd h2 a:hover{ color:#5E5E5E;}

.tab .bd ul dl dd p{ margin:0; line-height:20px; color:#AEAEAE;font-size: 14px;}



.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.yunu-footer {background-color: #242d34;padding-top: 50px;color: #aaacae; font-size:14px;}
.yunu-footer a {color: #aaacae;}
.yunu-footer a:hover {color: #0890e1;}
.yunu-footer-info {float: left;width: 400px;}
.yunu-footer-info .logo {margin-bottom: 30px;}
.yunu-footer-info .logo img {display: block;height: 68px;width: auto;}
.yunu-footer-info h4 {margin: 0 0 30px;font-size: 20px;color: #fff;}
.yunu-footer-info p {font-size: 16px;margin: 10px 0 0;padding-left: 38px;background: no-repeat 0 center;line-height: 1.8;}
.yunu-footer-info p.i1 {background-image: url(../images/fico1.png);}
.yunu-footer-info p.i2 {background-image: url(../images/fico2.png);}
.yunu-footer-info p.i3 {background-image: url(../images/fico3.png);}
.yunu-footer-info p.i4 {background-image: url(../images/fico4.png);}
.yunu-footer dl {float: left;width: 160px;margin: 20px 0 0 40px;}
.yunu-footer dt {font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 15px;}
.yunu-footer dd {margin: 0;}
.yunu-footer .item li {line-height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yunu-footer .code a {display: block;padding: 10px 20px;background-color: #fff;margin-bottom: 30px;border-radius: 5px;position: relative;}
.yunu-footer .code .pic {float: left;height: 38px;width: 38px;line-height: 38px;}
.yunu-footer .code .text {margin-left: 48px;}
.yunu-footer .code .text h4 {margin: 0;color: #333;}
.yunu-footer .code .text small {display: block;font-size: 12px;line-height: 18px;color: #999;}
.yunu-footer .code .sub {position: absolute;right: 100%;top: 0;width: 130px;display: none;margin-right: 5px;z-index: 2;}
.yunu-footer .code a:hover .sub {display: block;}
.yunu-footer .code a:nth-child(even) {background-color: #0890e1;color: #fff;}
.yunu-footer .code a:nth-child(even) .text h4 {color: #fff;}
.yunu-footer .code a:nth-child(even) .text small {color: #cacaca;}
.yunu-footer .sns {font-size: 0;margin-left: -28px;}
.yunu-footer .sns a {display: inline-block;vertical-align: middle;background: no-repeat center / contain;width: 34px;height: 34px;margin-left: 28px;position: relative;}
.yunu-footer .sns a.i1 {background-image: url(../images/ft1.png);}
.yunu-footer .sns a.i2 {background-image: url(../images/ft2.png);}
.yunu-footer .sns a.i3 {background-image: url(../images/ft3.png);}
.yunu-footer .sns .img-center {position: absolute;bottom: 100%;left: 50%;margin: 0 0 5px -65px;width: 130px;display: none;}
.yunu-footer .sns a:hover .img-center {display: block;}
.yunu-footer-copy {margin-top: 30px;padding: 20px 0;border-top: 1px solid #3a4249;}



.about{ width:1200px; height:auto; overflow:hidden; margin:33px auto;}

.about .left{ float:left; display:inline; width:254px; height:auto;}

.about .right{ float:right; display:inline; width:916px; height:auto;}



.about .left .fenlei .title{ width:254px; height:71px; background:#1183d9; font-size:26px; color:#FFF; padding-top:12px; text-align: center;}

.about .left .fenlei .title span{ display:block; font-size:16px;}

.about .left .fenlei ul{ width:252px; height:auto; border:1px solid #e8e8e8; border-top:none; padding-top:15px;}

.about .left .fenlei ul li{  height:40px; line-height:38px; font-size:14px; text-align:center; width:224px; margin:0px auto 12px;}

.about .left .fenlei ul li span{}

.about .left .fenlei ul li a{ color:#1183d9;}

.about .left .fenlei ul li a:hover,.about .left .fenlei ul li a.hover{ color:#FFF; background: #1183d9; display:block;}



.contact{ margin-top:29px; height:auto; overflow:hidden;}

.contact .title{ height:48px; line-height:48px; background:#1183d9 ; padding-left:25px; font-size:20px;color:#FFF; }

.contact .nr{ width:252px; height:auto; border:1px solid #e8e8e8; border-top:none; }

.contact .nr p{ padding:12px; line-height:30px;}

.contact .nr p span{ font-size:16px; color:#1183d9;}

.contact .nr p i{ font-style:normal; padding-left:42px;}



.about .right .title{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}

.about .right .title em{ float:left; width:170px; height:47px; border-bottom:3px solid #1183d9; font-style:normal; color:#222222;}

.about .right .title span{ float:right; font-size:14px;}



.productlist{ height:auto; overflow:hidden;}

.productlist ul li{ float:left;display:inline; text-align:center; margin-right:17px; margin-top:10px; font-size:14px;}

.productlist ul li img{ width:214px; height:200px; border:1px solid #ccc;}

.productlist ul li p{  line-height:38px;}





.content{ text-align:left;  padding-top:15px;}

.content p{ line-height:30px; margin-top:0px;}

.content h1{ text-align:left; font-size:18px; padding:0; margin:0; line-height:30px;font-family:'microsoft yahei';}

.content .date{ text-align:center; margin:0; line-height:30px; color:#d6d7d7; font-size:12px;}

.content .nr{ text-align:left;  padding:0 20px;}

.content .nr p{ line-height:30px; margin:0px; padding:0px 15px 0;}



.newslist{ width:98%; height:auto; overflow:hidden; margin:0 auto;}

.newslist ul li{ line-height:34px; height:34px; background:url(../images/ico01.jpg) no-repeat left center; padding-left:12px; border-bottom:1px dashed #cccccc;  }

.newslist ul li  span{ float:right; margin-top:0; *margin-top:-34px;}



.page{ text-align:left; line-height:23px; margin-top:20px; width:100%; margin-left:20px;}





.pages{margin-top:20px;}



.content_des{width:894px;text-indent:24px;  margin:10px 0 20px 0px; height:auto; overflow:hidden;}

.content_des p{font-size:14px;color:#868686;line-height:24px}



.area{ width:914px; height:auto; overflow:hidden; margin-bottom:15px;}

.area .tit{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}

.area .tit em{ float:left; width:100px; height:47px; border-bottom:3px solid #1183d9; font-style:normal; color:#222222;}

.area .tit span{ float:right; font-size:14px;}

.area dl{ height:auto; overflow:hidden;}

.area dl dt{float:left;margin-left:18px}

.area dl dt a{font-size:16px;line-height:28px;}





.xgxw{ width:914px; height:auto; overflow:hidden; margin-bottom:15px;}

.xgxw .tit{ height:50px; margin:12px 0; line-height:50px; font-size:20px; border-bottom:1px solid #cccccc;}

.xgxw .tit em{ float:left; width:100px; height:47px; border-bottom:3px solid #1183d9; font-style:normal; color:#222222;}

.xgxw .tit span{ float:right; font-size:14px;}

.xgxw ul{ height:auto; overflow:hidden;}

.xgxw dl{  height:auto; overflow:hidden;}

.xgxw ul li{ float:left; display:inline; width:48%; margin-right:2%; line-height:30px;}

.xgxw ul li span{ float:right; color:#5a5a5a}

.xgxw dl dt{ float:left; display:inline;  margin-right:2%; text-align:center;}

.xgxw dl dt img{ border:1px solid #ccc; width: 212px; height: 190px;}



.link{ width:1200px; height:auto; margin:0px auto 15px; overflow:hidden; }

.link span{height:25px; line-height:25px; color:#333; display:block; float:left;width:80px;text-align:center;margin-left:0px}

.link ul li{float:left;margin-left:18px; line-height:25px;}
/*表单相关*/
input {font: 12px/1.8 'Microsoft YaHei',微软雅黑,Arial,Lucida Grande,Tahoma,sans-serif; }
.form_text { font-size:12px; border:1px solid #CCC; height:26px; line-height:26px; padding:0 5px; width:500px; margin:3px 0;}
.form_text_verifycode { vertical-align:middle; font-size:12px; border:1px solid #CCC; height:26px; line-height:26px; padding:0 5px; width:50px; }
#form_text_search { margin-left:15px; border:1px solid #CCC; height:24px; line-height:24px; padding:0 5px; width:135px; }
#form_submit_search { margin-left:5px; width:60px; height:26px; border:1px solid #CCCCCC; background:#FFF; }
.form_select { font-size:12px; border:1px solid #CCC; }
.form_textarea { font-size:12px; width:500px; height:80px; padding:5px; border:1px solid #CCC; }
.form_checkbox { }
.form_submit { background:url(../images/submit_button.jpg) no-repeat; width:79px; height:31px; border:none; color:#FFF; font-weight:bold; cursor:pointer}
.form_file { font-size:12px; padding:3px 5px; border:1px solid #CCC; background:#FFF; }
.common_form { }
.common_form li { padding:2px; overflow: auto; zoom:1;}
.common_form label { float:left; width:80px; display:block; height:28px; line-height:28px; }
/*侧边栏*/
.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#ea3516;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#ea3516;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}